<div class="content_title">
    <ul class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#a_piece" data-toggle="tab">单件下单</a></li>
        <li><a href="#batch" data-toggle="tab">批量下单</a></li>
    </ul>
</div>

<div class="tab-content">
    <div class="tab-pane active in" id="a_piece">
        <div>

            <ul class="nav nav-tabs" id="rootwizard" role="tablist">
                <li class="active"><a href="#one">01</a></li>
                <li><a href="#two01">02</a></li>
                <li><a href="#three">03</a></li>
                <li><a href="#four">04</a></li>
            </ul>

            <div class="margin-top">
                <!-- 单件下单 -->
                <form id="form1" method="post">
                    <div class="tab-content djxd">

                        <!-- 寄件人信息 -->
                        <div class="tab-pane active in" id="one">
                            <div class="control-group">
                                <div class="clearfix">
                                    <div class="left">
                                        <div class="Sender_info">
                                            <p>寄件方信息<span>(标*为必填）</span> </p>
                                        </div>
                                        <div>
                                            <label class="control-label" for="jiJianRenMingCheng">
                                                <b>*</b>姓名
                                            </label>
                                            <input type="text" id="jiJianRenMingCheng"
                                                class="form-control ui-autocomplete-input" name="jiJianRenMingCheng"
                                                placeholder="请填写联系人姓名">
                                        </div>

                                        <div class="layui-form-item">
                                            <label><b>*</b>省市区</label>
                                            <div class="layui-input-block PCD">
                                                <input type="text" id="a" class="layui-input form-control"
                                                    readonly="readonly" placeholder="请选择所在地区">
                                            </div>
                                        </div>
                                        <div class="jjdz11">
                                            <label class="control-label required" for="jiJianRenDiZhi1">
                                                <b>*</b>详细地址
                                            </label>
                                            <input type="text" id="jiJianRenDiZhi10" name="jiJianRenDiZhi1"
                                                class="form-control ui-autocomplete-input" style="display:none">
                                            <input type="text" id="jiJianRenDiZhi1"
                                                class="form-control ui-autocomplete-input" placeholder="请填写所在街道及详细地址">
                                        </div>
                                        <div style="display: none;">
                                            <label class="control-label required" for="jiJianRenDiZhi2">
                                                <b></b>地址二
                                            </label>
                                            <input type="text" id="jiJianRenDiZhi2"
                                                class="form-control ui-autocomplete-input" name="jiJianRenDiZhi2"
                                                placeholder="如果地址一填写不下请在此填写">
                                        </div>
                                        <div style="display: none;">
                                            <label class="control-label required" for="jiJianRenDiZhi3">
                                                <b></b>地址三
                                            </label>
                                            <input type="text" id="jiJianRenDiZhi3"
                                                class="form-control ui-autocomplete-input" name="jiJianRenDiZhi3"
                                                placeholder="如果地址二填写不下请在此填写">
                                        </div>
                                        <div>
                                            <p>*温馨提示：特殊物品、偏远地区邮寄需附加费加，<a
                                                    href="https://www.ups.com/hk/zh/shipping/zones-and-rates/additional.page"
                                                    target="_Blank">点击查询！</a></p>
                                        </div>
                                    </div>
                                    <div class="right">

                                        <div>
                                            <label class="control-label required" for="jiJianGongSiMingCheng">
                                                <b>*</b>公司名称
                                            </label>
                                            <input type="text" id="jiJianGongSiMingCheng"
                                                class="form-control ui-autocomplete-input" name="jiJianGongSiMingCheng"
                                                placeholder="请填写公司名称">
                                        </div>
                                        <div>
                                            <label class="control-label required" for="jiJianRenDianHua">
                                                <b>*</b>电话/手机号
                                            </label>
                                            <input type="text" id="jiJianRenDianHua"
                                                class="form-control ui-autocomplete-input" name="jiJianRenDianHua"
                                                placeholder="请填写联系电话">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 收件人信息 -->
                        <div class="tab-pane" id="two01">
                            <div class="control-group">
                                <div class="clearfix">
                                    <div class="left">
                                        <div class="Sender_info">
                                            <p>收件方信息<span> (标*为必填）</span></p>
                                        </div>
                                        <div>
                                            <label class="control-label required" for="shouJianRenXingMing">
                                                <b>*</b>姓名
                                            </label>
                                            <input type="text" id="shouJianRenXingMing"
                                                class="form-control ui-autocomplete-input" name="shouJianRenXingMing"
                                                placeholder="请填写联系人姓名">
                                        </div>
                                        <div>
                                            <label class="control-label required" for="shouJianRenShouJi">
                                                <b>*</b>手机号码
                                            </label>
                                            <input type="text" id="shouJianRenShouJi"
                                                class="form-control ui-autocomplete-input" name="shouJianRenShouJi"
                                                placeholder="请填写手机号码">
                                        </div>

                                        <div>
                                            <label class="control-label required" for="guoJia">
                                                <b>*</b>国家
                                            </label>
                                            <select name="guoJia" class="countries form-control ui-autocomplete-input"
                                                id="countryId">
                                                <option value="">请选择国家</option>
                                            </select>

                                        </div>
                                        <div>
                                            <label class="control-label required" for="zhouMing">
                                                <b>*</b>省份/洲名
                                            </label>
                                            <select name="zhouMing" class="states form-control ui-autocomplete-input"
                                                id="stateId">
                                                <option value="">请选择洲名</option>
                                            </select>

                                        </div>
                                        <div>
                                            <label class="control-label required" for="shouJianRenChengShi">
                                                <b>*</b>城市
                                            </label>
                                            <select name="shouJianRenChengShi"
                                                class="cities form-control ui-autocomplete-input" id="cityId">
                                                <option value="">请选择城市</option>
                                            </select>

                                        </div>
                                        <div>
                                            <label class="control-label required" for="shouJianRenDiZhi1">
                                                <b>*</b>地址一
                                            </label>
                                            <input type="text" id="shouJianRenDiZhi1"
                                                class="form-control ui-autocomplete-input" name="shouJianRenDiZhi1"
                                                placeholder="请填写所在街道及详细地址">
                                        </div>
                                        <div>
                                            <label class="control-label required" for="shouJianRenDiZhi2">
                                                <b>*</b>地址二
                                            </label>
                                            <input type="text" id="shouJianRenDiZhi2"
                                                class="form-control ui-autocomplete-input" name="shouJianRenDiZhi2"
                                                placeholder="如果地址一填写不下请在此填写">
                                        </div>
                                        <div>
                                            <label class="control-label required" for="shouJianRenDiZhi3">
                                                地址三
                                            </label>
                                            <input type="text" id="shouJianRenDiZhi3"
                                                class="form-control ui-autocomplete-input" name="shouJianRenDiZhi3"
                                                placeholder="如果地址二填写不下请在此填写">
                                        </div>
                                        <div>
                                            <label class="control-label required" for="destinationSuburb">
                                                郊区/门牌号：
                                            </label>
                                            <input type="text" id="destinationSuburb"
                                                class="form-control ui-autocomplete-input" name="destinationSuburb"
                                                placeholder="请填写郊区">
                                        </div>
                                        <div>
                                            <p>*温馨提示：特殊物品、偏远地区邮寄需附加费加，<a
                                                    href="https://www.ups.com/hk/zh/shipping/zones-and-rates/additional.page"
                                                    target="_Blank">点击查询！</a></p>
                                        </div>
                                    </div>
                                    <div class="right">
                                        <div>
                                            <label class="control-label required" for="shouJianRenGongSi">
                                                <b>*</b>公司名称
                                            </label>
                                            <input type="text" id="shouJianRenGongSi"
                                                class="form-control ui-autocomplete-input" name="shouJianRenGongSi"
                                                placeholder="请填写公司名称">
                                        </div>
                                        <div>
                                            <label class="control-label required" for="shouJianRenDianHua">
                                                固定电话
                                            </label>
                                            <input type="text" id="shouJianRenDianHua"
                                                class="form-control ui-autocomplete-input" name="shouJianRenDianHua"
                                                placeholder="请填写固定电话号码">
                                        </div>
                                        <div>
                                            <label class="control-label required" for="shouJianRenYouBian">
                                                <b>*</b>邮编
                                            </label>
                                            <input type="text" id="shouJianRenYouBian"
                                                class="form-control ui-autocomplete-input" name="shouJianRenYouBian"
                                                placeholder="请填写邮编号码">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 单件信息 -->
                        <div class="tab-pane" id="three">
                            <div class="Bold">
                                <p>报关方式</p>
                            </div>
                            <div class="radio">
                                <label>
                                    <input type="radio" name="baoGuanFangShi:number" value="0" checked>
                                    一般普货报关
                                </label>
                                <label>
                                    <input type="radio" name="baoGuanFangShi:number" value="1">
                                    一般贸易报关
                                </label>
                            </div>
                            <div class="Bold">
                                <p>包裹类型</p>
                            </div>
                            <div class="radio">
                                <label>
                                    <input type="radio" name="baoGuoLeiXing:number" value="1" checked>
                                    包裹
                                </label>
                                <label>
                                    <input type="radio" name="baoGuoLeiXing:number" value="0">
                                    文件
                                </label>
                                <label>
                                    <input type="radio" name="baoGuoLeiXing:number" value="2">
                                    包裹袋
                                </label>
                            </div>
                            <div class="Bold">
                                <p>税金支付</p>
                            </div>
                            <div class="radio" id="TaxPayment">
                                <label>
                                    <input type="radio" name="fuShuiJin:number" value="0" checked>
                                    收件人
                                </label>
                                <label>
                                    <input type="radio" name="fuShuiJin:number" value="1">
                                    寄件人
                                </label>
                                <label>
                                    <input type="radio" name="fuShuiJin:number" value="2">
                                    第三方
                                </label>
                            </div>
                            <div class="Bold">
                                <p>物流方式</p>
                            </div>
                            <div class="radio">
                                <label>
                                    <input type="radio" name="wuLiuFangShi:number" value="0" checked>
                                    快递
                                </label>
                                <label>
                                    <input type="radio" name="wuLiuFangShi:number" value="1">
                                    小包
                                </label>
                                <label>
                                    <input type="radio" name="wuLiuFangShi:number" value="2">
                                    专线
                                </label>
                                <label>
                                    <input type="radio" name="wuLiuFangShi:number" value="3">
                                    EMS
                                </label>
                                <label>
                                    <input type="radio" name="wuLiuFangShi:number" value="4">
                                    空运
                                </label>
                            </div>
                            <div class="clearfix">
                                <div class="left">
                                    <div>
                                        <label class="control-label required" for="keHuDanHao">
                                            <b>*</b>客户单号：
                                        </label>
                                        <input type="text" id="keHuDanHao" class="form-control ui-autocomplete-input"
                                            name="keHuDanHao" placeholder="请填写客户单号">
                                    </div>
                                    <div>
                                        <label class="control-label required" for="shouHuoQuDao">
                                            <b>*</b>收货渠道：
                                        </label>
                                        <select name="shouHuoQuDao" class="form-control ui-autocomplete-input select2"
                                            id="shouHuoQuDao">
                                            <option value="">请选择收货渠道</option>
                                        </select>
                                    </div>
                                    <div>
                                        <label class="control-label required" for="jianShu">
                                            <b>*</b>件数
                                        </label>
                                        <input type="text" id="jianShu" class="form-control ui-autocomplete-input"
                                            name="jianShu:number" placeholder="请填写件数">
                                    </div>
                                    <div>
                                        <label class="control-label required" for="shouHuoShiZhong">
                                            收货实重：
                                        </label>
                                        <input type="text" id="shouHuoShiZhong"
                                            class="form-control ui-autocomplete-input" name="shouHuoShiZhong:number"
                                            placeholder="请填写收货实重">
                                    </div>
                                    <div>
                                        <label class="control-label required" for="zhongWenPingMing">
                                            中文品名
                                        </label>
                                        <input type="text" id="zhongWenPingMing"
                                            class="form-control ui-autocomplete-input" name="zhongWenPingMing"
                                            placeholder="请填写中文品名">
                                    </div>

                                </div>
                                <div class="right">
                                    <div class="form-group rel">
                                        <label class="control-label required" for="huoWuTeXing">
                                            货物特性
                                        </label>
                                        <div>
                                            <select id="huoWuTeXing" multiple class="multiple-select"
                                                placeholder="请选择货物特性">
                                                <option value="纺织品">纺织品</option>
                                                <option value="带粉末">带粉末</option>
                                                <option value="带液体">带液体</option>
                                                <option value="带磁性">带磁性</option>
                                                <option value="FBA">FBA</option>
                                                <option value="成人用品">成人用品</option>
                                                <option value="高价值产品">高价值产品</option>
                                                <option value="移动电源">移动电源</option>
                                                <option value="住宅派送">住宅派送</option>
                                                <option value="锂电池">锂电池</option>
                                                <option value="香港交货">香港交货</option>
                                                <option value="纯电池">纯电池</option>
                                                <option value="乾冰">乾冰</option>
                                                <option value="单独报关">单独报关</option>
                                                <option value="干电池">干电池</option>
                                                <option value="配套电池">配套电池</option>
                                                <option value="仿牌">仿牌</option>
                                                <option value="1类产品">1类产品</option>
                                                <option value="2类产品">2类产品</option>
                                                <option value="3类产品">3类产品</option>
                                            </select>
                                        </div>
                                        <input type="text" class="form-control ui-autocomplete-input hwtx"
                                            name="huoWuTeXing" placeholder="请选择货物特性">
                                    </div>
                                    <div>
                                        <label class="control-label required" for="qiTaDanHao1">
                                            其他单号1
                                        </label>
                                        <input type="text" id="qiTaDanHao1" class="form-control ui-autocomplete-input"
                                            name="qiTaDanHao1" placeholder="请填写其他单号1">
                                    </div>
                                    <div>
                                        <label class="control-label required" for="eori">
                                            EORI号码
                                        </label>
                                        <input type="text" id="eori" class="form-control ui-autocomplete-input"
                                            name="eori" placeholder="请填写EORI号码">
                                    </div>
                                    <div>
                                        <label class="control-label required" for="remark">
                                            备注
                                        </label>
                                        <input type="text" id="remark" class="form-control ui-autocomplete-input"
                                            name="remark" placeholder="请填写备注">
                                    </div>
                                    <div style="display: none;" id="PayTaxes">
                                        <label class="control-label required" for="thirdPartyTaxPaymentAccount">
                                            第三方付税金账号
                                        </label>
                                        <input type="text" id="thirdPartyTaxPaymentAccount"
                                            class="form-control ui-autocomplete-input"
                                            name="thirdPartyTaxPaymentAccount" placeholder="请填写税金账号">
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix">
                                <div class="fl">
                                    <div class="Bold">
                                        <p>包裹信息</p>
                                    </div>
                                    <div class="fl-width">
                                        <label class="control-label required" for="chang">
                                            长(CM)：
                                        </label>
                                        <input type="text" id="chang" class="form-control ui-autocomplete-input"
                                            name="danJianList[[chang]]:number" placeholder="请填写长度">
                                    </div>
                                    <div class="fl-width">
                                        <label class="control-label required" for="kuan">
                                            宽(CM)：
                                        </label>
                                        <input type="text" id="kuan" class="form-control ui-autocomplete-input"
                                            name="danJianList[[kuan]]:number" placeholder="请填写宽度">
                                    </div>
                                    <div class="fl-width">
                                        <label class="control-label required" for="gao">
                                            高(CM)：
                                        </label>
                                        <input type="text" id="gao" class="form-control ui-autocomplete-input"
                                            name="danJianList[[gao]]:number" placeholder="请填写高度">
                                    </div>
                                    <div class="fl-width">
                                        <label class="control-label required" for="shiZhong">
                                            <b>*</b>实重(KG)：
                                        </label>
                                        <input type="text" id="shiZhong" class="form-control ui-autocomplete-input"
                                            name="danJianList[[shiZhong]]:number" placeholder="请填写实重">
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="clearfix margin-top">
                                    <div class="Bold">
                                        <p>海关申报信息</p>
                                    </div>
                                    <div class="datatable">
                                        <table class="table">
                                            <tr>
                                                <th><b>*</b>申报品名</th>
                                                <th>中文品名</th>
                                                <th><b>*</b>申报单价</th>
                                                <th><b>*</b>申报数量</th>
                                                <th>申报总价</th>
                                                <th><b>*</b>申报币种</th>
                                                <th>单位</th>
                                                <th><b>*</b>申报海关编码</th>
                                                <th><b>*</b>申报英文材质</th>
                                                <th>申报中文材质</th>
                                                <th><b>*</b>申报英文用途</th>
                                                <th>申报中文用途</th>
                                                <th>商品型号</th>
                                                <th>原产地</th>
                                                <th>销售链接</th>
                                                <th>SKU</th>
                                                <th>品牌</th>
                                                <th>商品毛重</th>
                                                <th>商品净重</th>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <input type="text" id="shenBaoPinMing"
                                                        class="form-control ui-autocomplete-input"
                                                        name="shenBaoXinXiList[[shenBaoPinMing]]" placeholder="请填写申报品名">
                                                </td>
                                                <td>
                                                    <input type="text" id="zhongWenPinMing"
                                                        class="form-control ui-autocomplete-input"
                                                        name="shenBaoXinXiList[[zhongWenPinMing]]"
                                                        placeholder="请填写中文品名">
                                                </td>
                                                <td>
                                                    <input type="text" id="shenBaoDanJia_"
                                                        class="form-control ui-autocomplete-input add2"
                                                        name="shenBaoXinXiList[[shenBaoDanJia]]:number"
                                                        placeholder="请填写申报单价">
                                                </td>
                                                <td>
                                                    <input type="text" id="shenBaoShuLiang"
                                                        class="form-control ui-autocomplete-input add1"
                                                        name="shenBaoXinXiList[[shenBaoShuLiang]]:number"
                                                        placeholder="请填写申报数量">
                                                </td>
                                                <td>
                                                    <input type="text" id="shenBaoJinE"
                                                        class="form-control ui-autocomplete-input addSum"
                                                        name="shenBaoXinXiList[[shenBaoJinE]]:number" value="0.000"
                                                        readonly style="background-color:#fff;">
                                                </td>
                                                <td>
                                                    <select id="shenBaoBiZhong"
                                                        class="form-control ui-autocomplete-input"
                                                        name="shenBaoXinXiList[[shenBaoBiZhong]]" placeholder="请选择币种">
                                                        <option value="RMB" selected="selected">USD</option>
                                                        <option value="CAD">CAD</option>
                                                        <option value="AUD">AUD</option>
                                                        <option value="EUR">EUR</option>
                                                        <option value="JPY">JPY</option>
                                                        <option value="GBP">GBP</option>
                                                        <option value="USD">USD</option>
                                                        <option value="HKD">HKD</option>
                                                    </select>
                                                </td>
                                                <td>
                                                    <input type="text" id="unit"
                                                        class="form-control ui-autocomplete-input"
                                                        name="shenBaoXinXiList[[unit]]" placeholder="请选择单位" value="PCS">
                                                </td>
                                                <td>
                                                    <input type="text" id="shenBaoHaiGuanBianMa"
                                                        class="form-control ui-autocomplete-input"
                                                        name="shenBaoXinXiList[[shenBaoHaiGuanBianMa]]"
                                                        placeholder="请填写申报海关编码">
                                                </td>
                                                <td>
                                                    <input type="text" id="caiZhiEn"
                                                        class="form-control ui-autocomplete-input"
                                                        name="shenBaoXinXiList[[caiZhiEn]]" placeholder="请填写申报英文材质">
                                                </td>
                                                <td>
                                                    <input type="text" id="caiZhiCn"
                                                        class="form-control ui-autocomplete-input"
                                                        name="shenBaoXinXiList[[caiZhiCn]]" placeholder="请填写申报中文材质">
                                                </td>
                                                <td>
                                                    <input type="text" id="yongTuEn"
                                                        class="form-control ui-autocomplete-input"
                                                        name="shenBaoXinXiList[[yongTuEn]]" placeholder="请选择申报英文用途">
                                                </td>
                                                <td>
                                                    <input type="text" id="yongTuCn"
                                                        class="form-control ui-autocomplete-input"
                                                        name="shenBaoXinXiList[[yongTuCn]]" placeholder="请选择申报中文用途">
                                                </td>
                                                <td>
                                                    <input type="text" id="cargoModel"
                                                        class="form-control ui-autocomplete-input"
                                                        name="shenBaoXinXiList[[cargoModel]]" placeholder="请填写商品型号">
                                                </td>
                                                <td>
                                                    <input type="text" id="originName"
                                                        class="form-control ui-autocomplete-input"
                                                        name="shenBaoXinXiList[[originName]]" placeholder="请填写原产地">
                                                </td>
                                                <td>
                                                    <input type="text" id="salesUrl"
                                                        class="form-control ui-autocomplete-input"
                                                        name="shenBaoXinXiList[[salesUrl]]" placeholder="请填写销售链接">
                                                </td>
                                                <td>
                                                    <input type="text" id="sku"
                                                        class="form-control ui-autocomplete-input"
                                                        name="shenBaoXinXiList[[sku]]" placeholder="请填写SKU">
                                                </td>
                                                <td>
                                                    <input type="text" id="tradeMark"
                                                        class="form-control ui-autocomplete-input"
                                                        name="shenBaoXinXiList[[tradeMark]]" placeholder="请填写品牌">
                                                </td>
                                                <td>
                                                    <input type="text" id="unitGrossWeight"
                                                        class="form-control ui-autocomplete-input"
                                                        name="shenBaoXinXiList[[unitGrossWeight]]:number"
                                                        placeholder="请选择商品毛重">
                                                </td>
                                                <td>
                                                    <input type="text" id="unitNetWeight"
                                                        class="form-control ui-autocomplete-input"
                                                        name="shenBaoXinXiList[[unitNetWeight]]:number"
                                                        placeholder="请选择商品净重">
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="protocol">
                                <p>
                                    <input type="checkbox" id="protocol">
                                    <span>已阅读<a href="javascript:void(0);"
                                            style="color: #ff0000;">《违禁产品声明》</a>,确定运输货物无非法违禁产品</span>
                                </p>
                            </div>
                        </div>
                </form>
                <div class="tab-pane" id="four">
                    <div class="clearfix margin-B">
                        <div class="left">下单成功</div>
                        <div class="right click1"></div>
                    </div>
                    <div class="two3">
                        <div class="two_A">
                            <img src="images/LOGO-02.png" />
                        </div>
                        <div class="two_B">
                            <p>联系电话:</p>
                            <p class="show_phone3"></p>
                        </div>
                    </div>
                    <div class="three3">
                    </div>
                    <div class="four3">
                        <p style="padding-left:54px;">
                            <span style="color:#0f3881;font-size:16px;">寄件方：</span>&nbsp;&nbsp;
                            <span class="show_name" style="font-size:14px;"></span>&nbsp;&nbsp;&nbsp;&nbsp;
                            <span class="show_phone" style="font-size:14px;"></span>
                        </p>
                        <p class="show_address" style="font-size:14px;padding-left:133px;margin-top:20px;"></p>
                        <p style="padding-left:54px;margin-top:50px;">
                            <span style="color:#0f3881;font-size:16px;">收件方：</span>&nbsp;&nbsp;
                            <span class="show_name2" style="font-size:14px;"></span>&nbsp;&nbsp;&nbsp;&nbsp;
                            <span class="show_phone2" style="font-size:14px;"></span>
                        </p>
                        <p class="show_address2" style="font-size:14px;padding-left:133px;margin-top:20px;"></p>
                    </div>
                </div>
                <ul class="pager wizard">
                    <li class="previous"><a href="javascript:void(0);">上一步</a></li>
                    <li class="next"><a href="javascript:void(0);">下一步</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="tab-pane" id="batch">
    <div>
        <ul class="nav nav-tabs" id="rootwizard2" role="tablist">
            <li class="active"><a href="#one2" >01</a></li>
            <li><a href="#two2" >02</a></li>
            <li><a href="#three2" >03</a></li>
        </ul>
        <div class="margin-top">
            <!-- 批量下单 -->
            <form id="form2" method="post">
                <div class="tab-content plxd">
                    <div class="tab-pane tab-pane active in" id="one2">
                        <div class="control-group">
                            <div class="clearfix clearfix2">
                                <div class="left">
                                    <div class="Sender_info">
                                        <p>寄件方信息<span>(标*为必填）</span> </p>
                                    </div>
                                    <div>
                                        <label class="control-label" for="jiJianRenMingCheng">
                                            <b>*</b>姓名
                                        </label>
                                        <input type="text" id="jiJianRenMingCheng2"
                                            class="form-control ui-autocomplete-input" name="jiJianRenMingCheng"
                                            placeholder="请填写联系人姓名">
                                    </div>
                                    <div class="layui-form-item">
                                        <label><b>*</b>省市区</label>
                                        <div class="layui-input-block PCD2">
                                            <input type="text" id="b" class="layui-input form-control" name="area"
                                                readonly="readonly" placeholder="请选择所在地区">
                                        </div>
                                    </div>
                                    <div class="jjdz12">
                                        <label class="control-label required" for="jiJianRenDiZhi1">
                                            <b>*</b>详细地址
                                        </label>
                                        <input type="text" id="jiJianRenDiZhi100" name="jiJianRenDiZhi1"
                                            class="form-control ui-autocomplete-input" style="display:none">
                                        <input type="text" id="jiJianRenDiZhi111"
                                            class="form-control ui-autocomplete-input" name="jiJianRenDiZhi12"
                                            placeholder="请填写所在街道及详细地址">
                                    </div>
                                    <div style="display: none;">
                                        <label class="control-label required" for="jiJianRenDiZhi2">
                                            <b></b>地址二
                                        </label>
                                        <input type="text" id="jiJianRenDiZhi22"
                                            class="form-control ui-autocomplete-input" name="jiJianRenDiZhi2"
                                            placeholder="如果地址一填写不下请在此填写">
                                    </div>
                                    <div style="display: none;">
                                        <label class="control-label required" for="jiJianRenDiZhi3">
                                            <b></b>地址三
                                        </label>
                                        <input type="text" id="jiJianRenDiZhi33"
                                            class="form-control ui-autocomplete-input" name="jiJianRenDiZhi3"
                                            placeholder="如果地址二填写不下请在此填写">
                                    </div>
                                    <div>
                                        <p>*温馨提示：特殊物品、偏远地区邮寄需附加费加，<a
                                                href="https://www.ups.com/hk/zh/shipping/zones-and-rates/additional.page"
                                                target="_Blank">点击查询！</a></p>
                                    </div>
                                </div>
                                <div class="right">
                                    <div>
                                        <label class="control-label required" for="jiJianGongSiMingCheng">
                                            <b>*</b>公司名称
                                        </label>
                                        <input type="text" id="jiJianGongSiMingCheng2"
                                            class="form-control ui-autocomplete-input" name="jiJianGongSiMingCheng"
                                            placeholder="请填写公司名称">
                                    </div>
                                    <div>
                                        <label class="control-label required" for="jiJianRenDianHua">
                                            <b>*</b>电话/手机号
                                        </label>
                                        <input type="text" id="jiJianRenDianHua2"
                                            class="form-control ui-autocomplete-input" name="jiJianRenDianHua"
                                            placeholder="请填写联系电话">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane" id="two2">
                        <div>
                            <p class="Recipient_Info">收件方信息</p>
                        </div>
                        <div class="clearfix margin-B2">
                            <div class="left3">
                                <p>
                                    请按Excel表格规定录入数据，导入后默认只展示验证通过的数据
                                </p>
                            </div>
                            <div class="right3">
                                <button type="button" class="btn"><a href="images/D制单导入预报示例.xlsx"
                                        download="D制单导入预报示例.xlsx">下载Excel模板</a></button>
                                <button type="button" class="btn">导入Excel数据</button>
                                <input type="file" value="导入Excel数据" />
                            </div>
                        </div>
                        <div class="datatable">
                            <table id="excel" class="table table-striped">
                                <tr>
                                    <th>公司名称<div style="width:80px;"></div>
                                    </th>
                                    <th>收件人姓名<div style="width:80px;"></div>
                                    </th>
                                    <th>收件人公司<div style="width:80px;"></div>
                                    </th>
                                    <th>收件人手机号<div style="width:80px;"></div>
                                    </th>
                                    <th>收件人电话<div style="width:80px;"></div>
                                    </th>
                                    <th>目的地国家<div style="width:80px;"></div>
                                    </th>
                                    <th>省份/州名简码<div style="width:80px;"></div>
                                    </th>
                                    <th>城市<div style="width:80px;"></div>
                                    </th>
                                    <th>邮编<div style="width:80px;"></div>
                                    </th>
                                    <th>收件人地址一<div style="width:80px;"></div>
                                    </th>
                                    <th>收件人地址二<div style="width:80px;"></div>
                                    </th>
                                    <th>收件人地址三<div style="width:80px;"></div>
                                    </th>
                                    <th>报关方式<div style="width:80px;"></div>
                                    </th>
                                    <th>包裹类型<div style="width:80px;"></div>
                                    </th>
                                    <th>付税金<div style="width:80px;"></div>
                                    </th>
                                    <th>物流方式<div style="width:80px;"></div>
                                    </th>
                                    <th>客户单号<div style="width:80px;"></div>
                                    </th>
                                    <th>货物特性<div style="width:80px;"></div>
                                    </th>
                                    <th>收货渠道<div style="width:80px;"></div>
                                    </th>
                                    <th>其他单号1<div style="width:80px;"></div>
                                    </th>
                                    <th>件数<div style="width:80px;"></div>
                                    </th>
                                    <th>收货材积重<div style="width:80px;"></div>
                                    </th>
                                    <th>收货实重<div style="width:80px;"></div>
                                    </th>
                                    <th>郊区<div style="width:80px;"></div>
                                    </th>
                                    <th>第三方付税金账号<div style="width:80px;"></div>
                                    </th>
                                    <th>EORI号码<div style="width:80px;"></div>
                                    </th>
                                    <th>中文品名<div style="width:80px;"></div>
                                    </th>
                                    <th>备注<div style="width:80px;"></div>
                                    </th>
                                    <th>长(CM)<div style="width:80px;"></div>
                                    </th>
                                    <th>宽(CM)<div style="width:80px;"></div>
                                    </th>
                                    <th>高(CM)<div style="width:80px;"></div>
                                    </th>
                                    <th>实重(KG)<div style="width:80px;"></div>
                                    </th>
                                    <th>申报中文材质<div style="width:80px;"></div>
                                    </th>
                                    <th>申报英文材质<div style="width:80px;"></div>
                                    </th>
                                    <th>商品型号<div style="width:80px;"></div>
                                    </th>
                                    <th>原产地<div style="width:80px;"></div>
                                    </th>
                                    <th>销售链接<div style="width:80px;"></div>
                                    </th>
                                    <th>申报币种<div style="width:80px;"></div>
                                    </th>
                                    <th>申报单价<div style="width:80px;"></div>
                                    </th>
                                    <th>申报海关编码<div style="width:80px;"></div>
                                    </th>
                                    <th>申报总价<div style="width:80px;"></div>
                                    </th>
                                    <th>申报品名<div style="width:80px;"></div>
                                    </th>
                                    <th>申报数量<div style="width:80px;"></div>
                                    </th>
                                    <th>SKU<div style="width:80px;"></div>
                                    </th>
                                    <th>品牌<div style="width:80px;"></div>
                                    </th>
                                    <th>单位<div style="width:80px;"></div>
                                    </th>
                                    <th>商品毛重<div style="width:80px;"></div>
                                    </th>
                                    <th>商品净重<div style="width:80px;"></div>
                                    </th>
                                    <th>申报中文用途<div style="width:80px;"></div>
                                    </th>
                                    <th>申报英文用途<div style="width:80px;"></div>
                                    </th>
                                    <th>申报中文品名<div style="width:80px;"></div>
                                    </th>
                                    <th>EROI号码(税号)<div style="width:80px;"></div>
                                    </th>
                                    <th>英文品名<div style="width:80px;"></div>
                                    </th>
                                </tr>
                            </table>
                        </div>
                        <div class="protocol2">
                            <p>
                                <input type="checkbox" id="protocol2">
                                <span>已阅读<a href="javascript:void(0);"
                                        style="color: #ff0000;">《违禁产品声明》</a>,确定运输货物无非法违禁产品</span>
                            </p>
                        </div>
                    </div>
                    <div class="tab-pane" id="three2">
                        <div class="clearfix margin-B">
                            <div class="left">下单成功</div>
                            <div class="right click1"></div>
                        </div>
                        <div class="two3">
                            <div class="two_A">
                                <img src="images/LOGO-02.png" />
                            </div>
                            <div class="two_B">
                                <p>联系电话:</p>
                                <p class="show_phone33"></p>
                            </div>
                        </div>
                        <div class="three3">
                        </div>
                        <div class="four4">
                            <img src="images/package2.png">
                        </div>
                        <p>下单成功!</p>
                    </div>
                    <ul class="pager wizard">
                        <li class="previous" id="previous"><a href="javascript:void(0);">上一步</a></li>
                        <li class="next" id="next"><a href="javascript:void(0);">下一步</a></li>
                    </ul>
                </div>
            </form>
        </div>
    </div>
</div>